<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SLP 直播管理平台</title>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="static/sidebar-menu.css">
<style type="text/css">
.main-sidebar{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	min-height: 100%;
	width: 15%;
	z-index: 810;
	background-color: #222d32;
 }
</style>

</head>
<body>
<aside class="main-sidebar">
<section  class="sidebar">
	<ul class="sidebar-menu">
	  <li class="header">导航栏</li>
	  	  <li class="treeview">
		<a href="/">
		  <i class="fa fa-dashboard"></i> <span>直播频道</span> <i class="fa fa-angle-left pull-right"></i>
		</a>
	  </li>
	

	 
	  <li class="treeview">
		<a href="#">
		  <i class="fa fa-dashboard"></i> <span>回看节目</span> <i class="fa fa-angle-left pull-right"></i>
		</a>

		<ul class="treeview-menu">
          {% for chan in channels %}
		  <li><a href="pvr?gid={{chan['gid']}}"><i class="fa fa-circle-o"></i>{{chan['name']}}</a></li>
          {% end %}
		</ul>
      </li>

      <li class="treeview">
		<a href="#">
		  <i class="fa fa-dashboard"></i> <span>点播节目</span> <i class="fa fa-angle-left pull-right"></i>
		</a>

		<ul class="treeview-menu">
          {% for chan in channels %}
		  <li><a href="vod?gid={{chan['gid']}}"><i class="fa fa-circle-o"></i>{{chan['name']}}</a></li>
          {% end %}
		</ul>
      </li>


	  <li class="header">日志收集</li>
	  <li><a href="http://www.baidu.com" target="_parent"><i class="fa fa-circle-o text-red"></i> <span>Important</span></a></li>
	  <li><a href="#"><i class="fa fa-circle-o text-yellow"></i> <span>Warning</span></a></li>
	  <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> <span>Information</span></a></li>
	</ul>
  </section>
 </aside>

<script src="static/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="static/sidebar-menu.js"></script>
<script>
$.sidebarMenu($('.sidebar-menu'))
</script>

<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';overflow-y:scroll;overflow-x:hidden;">
<input style="margin-left:90%" type="button" value="上传视频" 
onclick="javascrtpt:window.location.href='upload'">
</button>

<table border="1" align="right" width=84% style="border-collapse:collapse;" >
<caption>SLP 直播平台</caption>
  <tr>
    <th>编号</th>
    <th>图片</th>
    <th>标题</th>
    <th>录制时间</th>
    <th>分类</th>
    <th>子分类</th>
    <th>标签</th>
    <th>操作</th>
  </tr>
 {% for program in programs %}
  <tr>
    <td align="right">{{program['id']}}</td>
    <td align="center"><img src="{{program['url']}}" height="100" width="100" /></td>
    <td align="left">{{program['program_name']}}</td>
    <td align="left">{{program['time']}}</td>
    <td align="left">{{program['class']}}</td>
    <td align="left">{{program['subclass']}}</td>
    <td align="left">{{program['flag']}}</td>
    <td align="left"> 
         <table>
           <tr>
            <td><a href="pedit?pid={{program['pid']}}">编辑</a></td>
            <td> <a href="pdelete?pid={{program['pid']}}&gid={{program['gid']}}">删除</a></td>
           </tr>
         </table>
  </tr>
  {% end %}
</table>
<p>来源：<a href="http://www.southtv.cn/" target="_blank">南方无线</a></p>
</div>

</body>
</html>
